<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>css基础2</title>
    <style>

        div {
            position: relative; /* 设置定位 */

            background-color: antiquewhite; /* 设置背景颜色 */

            width: 200px;

            height: 200px;

            padding: 5px 6px 7px 8px; /* 设置内边距 */

            margin: 5px 8px; /* 设置外边距 */

            border-color: red; /* 设置边框颜色 */

            border-width: 2px; /* 设置边框宽度 */

            border-style: dotted; /* 设置边框样式 */

            box-sizing: border-box; /* 设置盒子模型 */

            white-space: pre-wrap; /* 设置文本换行 */
        }

    </style>

</head>
<body>
<div>
    望天门山
    唐】李白

    天门中断楚江开，
    碧水东流至此回。
    两岸青山相对出，
    孤帆一片日边来。

</div>
</body>
</html>